﻿$(function () {
    var lis = $('.img'),
        container=$("#effect-6 div"),
        index = 0,
        btnck = $('#checkAll'),
        mask = $('.mask'),
        close = $(".close"),
        btnl = $(".btnl"),
        btnr = $(".btnr");
    if (Modernizr.touch) {
        // show the close overlay button
        //$(".close-overlay").removeClass("hidden");
        // handle the adding of hover class when clicked
        $(".img").click(function (e) {
            if (!$(this).hasClass("hover")) {
                $(this).addClass("hover");
            }
        });
        // handle the closing of the overlay
        $(".close-overlay").click(function (e) {;
            e.preventDefault();
            e.stopPropagation();
            if ($(this).closest(".img").hasClass("hover")) {
                $(this).closest(".img").removeClass("hover");
            }
        });
    } else {
        // handle the mouseenter functionality
        $(".img").mouseenter(function () {
            $(this).addClass("hover");
        })
        // handle the mouseleave functionality
        .mouseleave(function () {
            $(this).removeClass("hover");
        });
        $(".check-overlay").click(function (e) {
            console.log($(this) + "--checkbox操作");
            var str = $(this).children().prop("src");
            var index = str.lastIndexOf("\/");
            str = str.substring(index + 1, str.length);
            str == "true.png" ? ($(this).children().prop("src", "plugins/Gallery/img/false.png"), $(this).parent().parent().removeClass("select")) : ($(this).children().prop("src", "plugins/Gallery/img/true.png"), $(this).parent().parent().addClass("select"));
            e.preventDefault();
            e.stopPropagation();
            if ($(this).closest(".img").hasClass("hover")) {
                $(this).closest(".img").removeClass("hover");
            }
        });
        $(".delete-overlay").click(function (e) {
            console.log($(this) + "--删除操作");
            e.preventDefault();
            e.stopPropagation();
            if ($(this).closest(".img").hasClass("hover")) {
                $(this).closest(".img").removeClass("hover");
            }
        });
        $(".edit-overlay").click(function (e) {
            console.log($(this) + "--编辑操作");
            e.preventDefault();
            e.stopPropagation();
            if ($(this).closest(".img").hasClass("hover")) {
                $(this).closest(".img").removeClass("hover");
            }
        });
        $(".link-overlay").click(function (e) {
            console.log($(this) + "--复制链接操作");
            e.preventDefault();
            e.stopPropagation();
            if ($(this).closest(".img").hasClass("hover")) {
                $(this).closest(".img").removeClass("hover");
            }
        });
        $(".img").click(function (e) {
            mask.show();
            console.log($(this) + "--预览操作操作");
            mask.find('img').prop('src', $(this).find("img").attr('src'));
            index = $(this).index();
            if (!$(this).hasClass("hover")) {
                $(this).addClass("hover");
            }
        });
    }

    mask.hide();
    lis.on('click', function () {
        var imgP = $(this).find('img').prop('src');
        mask.show();
        mask.find('img').prop('src', imgP);
        index = $(this).index();

    })
    close.on('click', function () {
        mask.hide();
    })

    btnr.on('click', function () {
        index++;
        if (index == lis.length) {
            index = 0;
        }
        console.log(index);
        var imgP = lis.eq(index).find('img').prop('src');
        $('img', mask).fadeOut(200).prop('src', imgP).fadeIn(200);
    })

    btnl.on('click', function () {
        index--;
        if (index < 0) {
            index = lis.length - 1;
        }
        var imgP = lis.eq(index).find('img').prop('src');
        $('img', mask).fadeOut(900).prop('src', imgP).fadeIn(200);
    })

    $(document).on('dbclick', mask, function () {
        /*var obj=e.target;
        $(!$(obj).is('img')&&!$(obj).is('btnl')&&!$(obj).is('btnr')&&!$(obj).is('obj'))*/
        mask.hide()
    })
    function CheckAll() {
        //console.log($("#effect-6").children());
        
    }
    btnck.on('click', function () {
        container.siblings("div.img").each(function () {
            $(this).hasClass("select") ? ($(this).removeClass("select"), $(this).children().children().children(":first").prop("src", "plugins/Gallery/img/false.png")) : ($(this).addClass("select"), $(this).children().children().children(":first").prop("src", "plugins/Gallery/img/true.png"));
        });
    });

})